<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>部门</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <script src="/febs/page-transitions/js/jquery.min.js"></script>
    <script th:src="@{/page/js/vue.min.js}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/layer/layer/layer.js}"></script>
    <link rel="stylesheet" href="../page/page.css" media="all">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<style>
    .div1{
        background: url('img/1-bg.png') no-repeat;
        background-size:100% 100%;
        width:100%;
        height:1500px;
        overflow:hidden;
    }

</style>
<body>
<div class="div1" id="app" style="display: flex;flex-direction: column">
    <div style="display: flex">
        <div class="titleDiv">
            一网通办
        </div>

        <div class="titleTextDiv">
            <span>项目名称</span>
            <img src="/page/img/03-jt.png" height="10px">
            <span >事项名称</span>
            <img src="/page/img/03-jt.png" height="10px">
            <span style="color: #4afffc;">详细信息</span>
        </div>
    </div>
    
    
    <div class="">
        <table style="border:none">
            <tr>
                <td class="itemTd1">“一件事”套餐名称 :</td>
                <td class="itemTd2" th:text="${itemList[0].name}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">服务对象:</td>
                <td class="itemTd2" th:text="${itemList[0].fwdx}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">主办单位:</td>
                <td class="itemTd2" th:text="${itemList[0].zbdw}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">办件类型:</td>
                <td class="itemTd2" th:text="${itemList[0].bjlx}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">办理条件:</td>
                <td class="itemTd2" th:text="${itemList[0].bltj}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">法定办理时间:</td>
                <td class="itemTd2" th:text="${itemList[0].fdblsj}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">主题分类:</td>
                <td class="itemTd2" th:text="${itemList[0].ztfl}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">承诺办理时间:</td>
                <td class="itemTd2" th:text="${itemList[0].cnblsj}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">联办事项名称:</td>
                <td class="itemTd2" th:text="${itemList[0].lbsxmc}"> 事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">联办单位:</td>
                <td class="itemTd2" th:text="${itemList[0].lbdw}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">实施依据:</td>
                <td class="itemTd2" th:text="${itemList[0].ssyj}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">办理流程 :</td>
                <td class="itemTd2" th:text="${itemList[0].bllc}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">是否收费:</td>
                <td class="itemTd2" th:text="${itemList[0].sfsf}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">收费依据:</td>
                <td class="itemTd2" th:text="${itemList[0].sfyj}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">投诉方式:</td>
                <td class="itemTd2" th:text="${itemList[0].tsfs}">事项名称事项名称事项名称事项名称</td>
            </tr>
            <tr>
                <td class="itemTd1">咨询方式:</td>
                <td class="itemTd2" th:text="${itemList[0].zxfs}">事项名称事项名称事项名称事项名称</td>
            </tr>

        </table>
    </div>


</div>
<script th:inline="javascript">
    var id = [[${id}]];
    console.log(id)

    $(function () {
        $('.titleDiv').html(sessionStorage.getItem("key"))
        $('.deptContentTitleDiv').html(sessionStorage.getItem("key")+"项目名称")
        //makeCode();
    });














</script>

</body>
</html>